<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盖亚！</title>
		<link href="index.css" rel="stylesheet" />
		<link href="./css/font-awesome.min.css" rel="stylesheet"/>
	</head>
	<body>
		<header>
			<p>个人信息</p>
		</header>
		<div class="main">
			<article>
				<div class="center">
					<p>科学怪人</p>
				</div>
				<div class="center1">
					<ul>
						<li>2.5万粉丝</li>
						<li>
							<div></div>
						</li>
						<li>100关注</li>
					</ul>
				</div>
			</article>
			<nav>
				<div class="left">
				<ul>
					<li class="li1"><input type="text" placeholder="请输入旧密码"/></li>
				</ul>
				</div>	
				<div class="left1">
				<ul>
					<li class="li2"><input type="text" placeholder="请输入新密码"/></li>
				</ul>
				</div>
			<div class="left2">
				<p>修改密码</p>
			</div>
			</nav>
			<aside>
				<div class="aside">
				<ul> 
					<li><a href="#"><i class="fa fa-user-circle-o"></i>个人资料</a></li>
					<li><a href="#"><i class="fa fa-envelope"></i>信息</a><span>13</span></li>
					<li><a href="#"><i class="fa fa-gear"></i>设置</a></li>
					<li><a href="#"><i class="fa fa-low-vision"></i>退出登录</a></li>
				</ul>
				</div>
			</aside>
		</div>
	</body>
</html>
